<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <title></title>
    <link rel="stylesheet" href="../../src/css/swiper.3.1.7.min.css"/>
    <link rel="stylesheet" href="../../src/css/travel_type.css">
</head>
<body>
<!--header-->
<header class="free-walker-hd">
    六人游
</header>
<!--header/end-->

<!-- Swiper -->
<div class="swiper-container">
    <div class="swiper-wrapper">
        <div class="swiper-slide"><a href=""><img src="../../src/img/ad002.jpg" alt=""/></a></div>
        <div class="swiper-slide"><a href=""><img src="../../src/img/join-us-bg.jpg" alt=""/></a></div>
        <div class="swiper-slide"><a href=""><img src="../../src/img/ad002.jpg" alt=""/></a></div>
        <div class="swiper-slide"><a href=""><img src="../../src/img/ad002.jpg" alt=""/></a></div>
        <div class="swiper-slide"><a href=""><img src="../../src/img/ad002.jpg" alt=""/></a></div>
    </div>
    <!-- Add Pagination -->
    <div class="swiper-pagination"></div>
</div>
<!-- Swiper/end -->

<!--travel-info-->
<div class="travel-info">

    <!--travel-info-hd-->
    <div class="travel-info-hd">
        <h3 class="travel-info-tit">
            东京月光之旅
        </h3>

        <p>
            <span class="price"><i class="price-icon"></i><em>￥4999</em>起</span>
            <span class="satisfaction"><i class="satisfaction-icon"></i>满意度：<em>98%</em></span>
        </p>

        <p>
        <span class="user-sel">
            <a href=""><i class="user-sel-icon"></i>请选择价格类型、出发日期 <i class="user-sel-go-icon"></i></a>
        </span>
        </p>
    </div>
    <!--travel-info-hd/end-->

    <!--travel-info-bd-->
    <div class="travel-info-bd">

        <div class="order-intro-mod journey">

            <h3 class="order-intro-mod-tit">
                <span class="order-intro-mod-tit-icon"></span>
                简要行程
            </h3>
            <div class="order-intro-mod-cont">
                少发生的范德萨发发所发生的少发生的范德萨发发所发生的少发生的范德萨发发所发生的少发生的范德萨发发所发生的
            </div>

        </div>

        <div class="order-intro-mod route-feature">

            <h3 class="order-intro-mod-tit">
                <span class="order-intro-mod-tit-icon"></span>
                线路特色
            </h3>
            <div class="order-intro-mod-cont">
                少发生的范德萨发发所发生的少发生的范德萨发发所发生的少发生的范德萨发发所发生的少发生的范德萨发发所发生的
            </div>

        </div>

        <div class="order-intro-mod price-includes">

            <h3 class="order-intro-mod-tit">
                <span class="order-intro-mod-tit-icon"></span>
                费用包含
            </h3>
            <div class="order-intro-mod-cont">
                少发生的范德萨发发所发生的少发生的范德萨发发所发生的少发生的范德萨发发所发生的少发生的范德萨发发所发生的
            </div>

        </div>

        <div class="order-intro-mod price-no-includes">

            <h3 class="order-intro-mod-tit">
                <span class="order-intro-mod-tit-icon"></span>
                费用不含
            </h3>
            <div class="order-intro-mod-cont">
                少发生的范德萨发发所发生的少发生的范德萨发发所发生的少发生的范德萨发发所发生的少发生的范德萨发发所发生的
            </div>

        </div>

        <div class="order-intro-mod contract-payment">

            <h3 class="order-intro-mod-tit">
                <span class="order-intro-mod-tit-icon"></span>
                签约付款
            </h3>
            <div class="order-intro-mod-cont">
                少发生的范德萨发发所发生的少发生的范德萨发发所发生的少发生的范德萨发发所发生的少发生的范德萨发发所发生的
            </div>

        </div>

        <div class="order-intro-mod remark">

            <h3 class="order-intro-mod-tit">
                <span class="order-intro-mod-tit-icon"></span>
                备注
            </h3>
            <div class="order-intro-mod-cont">
                少发生的范德萨发发所发生的少发生的范德萨发发所发生的少发生的范德萨发发所发生的少发生的范德萨发发所发生的
            </div>

        </div>


    </div>
    <!--travel-info-bd/end-->
</div>
<!--travel-info/end-->

<!--go-top-->
<a href="#" class="go-top">
    返回顶部
</a>
<!--go-top/end-->

<!--user-op-->
<div class="user-op">
    <a href="" class="tel"><span class="user-op-icon"><i></i></span>010-615-217</a>
    <a href="" class="buy-now">立即预定</a>
</div>
<!--user-op/end-->

<!--footer-->
<footer class="footer" id="J_footer">
    <div class="footer-inner">
        <a href="" class="cur"><span class="index-icon"></span>主页</a>
        <a href=""><span class="six-person-icon"></span>六人行</a>
        <a href=""><span class="free-walker-icon"></span>自由行</a>
        <a href=""><span class="visa-icon"></span>签证</a>
    </div>
</footer>
<!--footer/end-->

<script src="../../src/js/jquery-1.10.2.min.js"></script>
<script src="../../src/js/swiper.3.1.7.jquery.min.js"></script>
<script src="../../src/js/index.js"></script>
<script>
    var swiper = new Swiper('.swiper-container', {
        pagination: '.swiper-pagination',
        paginationClickable: true
    });
</script>
</body>
</html>